

var newer = newer || {};
newer.gd = newer.gd || {};

newer.BaseApp = function(o) {
	this.contentDivId = "example-content-div";
	this.title = "base";
};

newer.BaseApp.prototype = {
	
	init: function() {
		$("#" + this.contentDivId).html('在这儿的圈子：');
		this.update();
	},
	
	update: function() {
		$("#" + this.contentDivId).append("<div id='random-circles-div'></div>");
		this.showCircles($("#random-circles-div"));
	},
	
	getIcon: function() {
		return '<div><img src="/public/images/blue_27.png" style="width:55px;height:55px;" title="New Message"/></div>';
	},
	
	getContent: function() {
		return '<div id="example-content-div"></div>';
	},
	
	showCircles: function(node) {
		var self = this;
		
		//$(settings.divSelector).html(settings.divSelector+":<br/>");
		$.post("/Circles/getRandomCircles", {"number":10}, function(circles) {
			if (circles.error == "invalid cname") {
				//do something
			} else {
				// var numOfCol = 0;
				// var numOfRow = 0;
				// $(settings.divSelector).append('<table><tbody id="circle-table"><tr id="circle-table-'+numOfRow+'"></tr></tbody></table>');
				// $.each(circles, function(index, circle) {
					// $.debug(circle.id+", "+index);
					// $('#circle-table-'+numOfRow).append(newer.CirclesHelper.showOneCircle(circle));
					// // add click handler
					// $("img#c"+circle.id).on("click", {cid:circle.id, self:self}, newer.CirclesHelper.gotoCircleHandler);
					// //update photo
					// newer.CirclesHelper.updateCirclePhotoSrc(circle);
					// numOfCol++;
					// if(numOfCol >= settings.maxw) {
						// numOfCol -= settings.maxw;
						// numOfRow++;
						// $('#circle-table').append('<tr id="circle-table-'+numOfRow+'"></tr>');
					// }
				// });
				node.append('<div id="home-circle-table"></div>');
				$.each(circles, function(index, circle) {
					$('#home-circle-table').append('<div style="display:inline-block;vertical-align:bottom;" id="home-c'+circle.id+'"></div>');
					new newer.CircleCard({
						domNode: $("#home-c"+circle.id),
						idSuffix: "home-list-"+circle.id,
						circleInfo: circle
					});
				});
			}
		}, "json");
	}
};